﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>home</title>

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link href="css/index2.css" rel="stylesheet">
</head>

<body class="gray-bg">
    <div class="wrapper">
        
        <div class="row">
            <div class="col-sm-12">
                <!-- 账户管理 -->
                <div class="ibox-content paddingLeft" style="border-bottom:1px dashed #d2d2d2;">                
                    <h5><strong>账户管理</strong></h5>               
                    <div class="row m37p">
                        <div class="col-sm-12">
                            <p><label>账户名：</label><span>lh1039@qq.com</span></p>
                            <p><label>上次登录：</label><span>2015.08.20 14:22:43</span><label class="ml28p">IP：</label><span>222.22.45.76 <b style="font-weight:200;">河北唐山</b></span></p>                                   
                        </div>                  
                    </div>               
                </div> 
                <!-- 基本信息 -->
                <div class="ibox-content paddingLeft">                
                    <h5 class="m20p"><strong>基本信息</strong></h5>               
                    <div class="row m37p">
                        <div class="col-sm-12">
                            <div class="acc">
                                <img src="images/acc-name.png" />
                                <div class="accName">
                                    <label class="nav-label">姓名</label>
                                    <p><span class="mr30p">刘慧</span><span>1234***********215</span> <span>已认证</span></p>
                                </div>                               
                            </div>
                            <div class="acc mt40p">
                                <img src="images/acc-email.png" />
                                <div class="accEmail">
                                    <label class="nav-label">邮箱</label>
                                    <p><span class="mr30p">lh1039@qq.com</span></p>
                                </div> 
                                <div class="fr updateBtn">
                                    <a class="J_menuItem btn mr300p" href="mail/html/EmailManagement.html">更换邮箱</a>
                                </div>    
                            </div>
                            <div class="acc mt40p">
                                <img src="images/acc-phone.png" />
                                <div class="accPhone">
                                    <label class="nav-label">手机</label>
                                    <p><span class="mr30p">18633386686</span></p>
                                </div> 
                                <div class="fr updateBtn">
                                    <a class="J_menuItem btn mr300p" href="phone/html/MobilePhoneManagement.html">更换手机</a>
                                </div>
                            </div> 
                            <div class="acc mt40p">
                                <img src="images/acc-date.png" />
                                <div class="accDate">
                                    <label class="nav-label">注册日期</label>
                                    <p><span class="mr30p">2015.08.20</span></p>
                                </div>
                                <div class="fr updateBtn">
                                    <a class="btn mr300p">注销账户</a>
                                </div>     
                            </div>                                                                                                          
                        </div>  
                    </div>               
                </div>
                <!-- 安全信息 -->
                <div class="ibox-content paddingLeft">                
                    <h5><strong>安全信息</strong></h5>               
                    <div class="row m37p">
                        <div class="col-sm-12">
                            <div class="acc">
                                <img src="images/acc-pwd.png" />
                                <div class="accPwd">
                                    <label class="nav-label">登录密码</label>
                                    <p><span class="mr30p">登录竣付通钱包时需要验证</span></p>
                                </div> 
                                <div class="fr updateBtn">
                                    <a class="btn mr300p J_menuItem" href="password/ChangePassword.html">修改密码</a>
                                </div>    
                            </div>
                            <div class="acc mt40p">
                                <img src="images/acc-pwd.png" />
                                <div class="accPwd">
                                    <label class="nav-label">支付密码</label>
                                    <p><span class="mr30p">修改信息及资金变动操作时需要验证</span></p>
                                </div> 
                                <div class="fr updateBtn">
                                    <a class="btn mr15p J_menuItem" href="password/ChangePassword-pay.html">修改密码</a><a class="btn pwdBtn">忘记密码</a>
                                </div>    
                            </div>         
                                                                    
                        </div>                  
                    </div>               
                </div>   
                <!-- 银行卡账户信息 -->
                <div class="ibox-content paddingLeft">                
                    <h5><strong>银行卡信息</strong></h5>               
                    <div class="row m37p">
                        <div class="col-sm-12">
                            <div class="fl mr30p">
                                <div class="bankCard">
                                    <div>                                   
                                        <img class="bankImg" src="images/ccb.png" />
                                        <span class="fr fsize ccb">储蓄卡</span>
                                    </div>
                                    <div class="decoration"></div>
                                    <div class="cardNumber">
                                        <span><strong>**** **** **** 6198</strong></span>
                                    </div>
                                    <div>
                                        <span>***唐</span>
                                        <span class="fr del"><a href="#">删除此卡</a></span>
                                    </div>
                                </div>
                            </div>                           
                            <div class="fl mr30p">
                                <div class="bankCard borderDashed textCenter">                               
                                    <a href="#" class="addCard"> 
                                        <img src="images/plus.png" />
                                    添加银行卡
                                    </a>
                                </div>
                            </div>                                              
                        </div>                  
                    </div>               
                </div>       
            </div>        
        </div>
    </div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/layer/layer.min.js"></script> -->

    <!-- 自定义js -->
    <script src="js/content.js"></script>
    <!--flotdemo-->
    <script type="text/javascript">
        function resizeInput() {
            $(this).attr('size', $(this).val().length);
        }
        $('input[type="text"]').keyup(resizeInput).each(resizeInput);
        $('input[type="text"]').attr("readonly","readonly");
        // $('input[type="text"]').removeAttr("readonly");                
    </script>
    <script type="text/javascript">
        function tab(tabID,box){  
            $(tabID).click(function(){  
                $(tabID).removeClass('act'); //先将所有同级去掉act 
                $(box).hide();   //所有同级box隐藏   、
                
                $(this).addClass('act');   //当前li显示
                $(box).eq($(this).index()).show();  
            });  
        }  
        $(function(){  
            //选项卡  
            tab("#tab li",'.details');          
        });
   </script>



</body>

</html>
